<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
 <div id="app">
     <cpn1></cpn1>
 </div>

 <script src="../js/vue.js"></script>
 <script>
   //全局组件注册的语法糖
      Vue.component('cpn1',{
        template:`
          <div>
    <h2>标题2</h2>
    <p>内容123</p>
    </div>
        `
      })

     const  app = new Vue({
       el:'#app',
       data:{
         message: '卢本伟牛逼！'
       }
     })
 </script>
</body>
</html>